<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta charset="UTF-8">
	<title>穷游</title>
	<!-- <link rel="stylesheet" type="text/css" href="../css/css/bourn.css">  -->
	<style type="text/css">
		.bourn-content{
			background: #ccc;
		}
		.bourn-nav{
			width: 100%;
			height: 10rem;
			background: url(../img/map.JPG) 0 0 no-repeat;
			background-size: contain;
			position: relative;

		}
		.bourn-nav div{
			font-size: 14px;
			position: absolute;
			background: white;
			padding: 0.3rem 0.3rem; 
			border-radius: 0.2rem;
		}
		.bourn-nav div:nth-child(1){
			left: 11.27rem;
    		top: 1.38rem;
		}
		.bourn-nav div:nth-child(2){
			left: 8.09rem;
    		top: 1.28rem;
		}
		.bourn-nav div:nth-child(3){
			   left: 2.13rem;
    		top: 1.87rem;
			
		}
		.bourn-nav div:nth-child(4){
			 
   			   left: 3.84rem;
   			 top: 4.86rem;
		}
		.bourn-nav div:nth-child(5){
			
    		left: 12.5rem;
   			top: 4.97rem;
		}
		.bourn-nav div:nth-child(6){
			 left: 7.44rem;
    		top: 4.76rem;
		}
		.bourn-nav div:nth-child(7){
			left: 10.57rem;
    		top: 7.85rem;
			
		}
		.bourn-nav .bgCl{
			background: green;
		}
		.bournP{
			font-size: 18px;
			line-height: 1.5rem;
		}
		.bourn-img{
			position: relative;
		    width: 7.5rem;
			height: 11rem;	
		}
		.bourn-lis{
			display: inline-block;
			margin: 0.25rem;
		}
		.bourn-img div{
			position: absolute;
		}

		.lip{
			width: 7.5rem;
		    height: 2.2rem;
		    margin: 0.25rem;
		    background: white;
		    padding: 0.5rem;
		    display: inline-block;
		    overflow: hidden;

		}
		.pR{
			left: 0rem;
		    bottom: 0rem;
		    color: white;
		    background: rgb(80,90,130);
		    width: 7.5rem;
		    padding: 0.3rem 0 0.3rem 0.3rem;
		  
		}
		.pL{
		    left: 5rem;
		    top: 0.5rem;
		    color: white;
		    background: rgba(120,120,120,0.8);
		    width: 2rem;
		    text-align: center
		}
		.bourn-cent{
			margin-bottom: 3rem;
		}
	</style>

</head>
 
</script> 
<body>
<div class="bourn-content" ng-controller="bourn">
	<div class="bourn-nav"> 
		  <div ng-repeat="user in users" ng-click="btn($index)" ng-class="{bgCl: $index==bgCl}" ng-model="user.cnname">{{user.cnname}}</div>
	</div>
	<div class="bournP" ng-bind="b+'热门目的地'"></div>
	<ul class="bourn-ul">
		<li ng-repeat="hotShow in hotShows" class="bourn-lis">
			<div class="bourn-img" style="background:url({{hotShow.photo}}) 0 0 no-repeat;">
				<div class="pR">
					<p>{{hotShow.cnname}}</p>
					<p>{{hotShow.enname}}</p>
				</div>
				<div class="pL">
					<p>{{hotShow.count}}</p>
					<p>{{hotShow.label}}</p>
				</div>
			</div>
		</li>
	</ul>
	<div class="bournP" ng-bind="b+'其他地方'"></div>
	<ul class="bourn-cent">
		<li ng-repeat="product in products" class="lip" > <!-- | filter:{user.cnname:b} -->
			<div>
				
				<div>{{product.cnname}}</div>
				<div>{{product.enname}}</div>
			</div>
		</li>
	</ul>
</div>
</body>
</html>